<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中医健康管理平台</title> 
<%@ include file="/app/evaluation/include.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=stylePath%>layout.css">  
<link rel="stylesheet" type="text/css" href="<%=stylePath%>carousel.css"> 
<script src="<%=basePath %>app/evaluation/js/jquery.barousel.min.js"></script>
<script>
$(function(){
	$('#barousel_prevnextnav').barousel({    
		navType: 2
	});
})
</script>
</head>
<body>
<div class="header">
	<img src="<%=imagePath%>logo.gif" class="pull-left" />
    <img src="<%=imagePath%>slogan.gif" class="slogan" />
    <div class="login">
    	<a href="#">登录</a> ┊ 
        <a href="#">注册</a> ┊
        <a href="<%=basePath%>logon.jsp">管理入口</a>
    </div>
</div>
<div class="nav">
	<a href="<%=basePath%>app/evaluation/index.jsp" class="active">首页</a>
    <a href="<%=basePath%>app/evaluation/eva-index.jsp">健康测评</a>
    <a href="#">健康管理</a> 
    <a href="#">健康资讯</a>
    <a href="#">健康知识</a> 
</div>
<!-- 图片轮播 -->
<div class="barousel" id="barousel_prevnextnav">
    <div class="barousel_image">
        <!-- image 1 -->
        <img class="current" alt="" src="<%=imagePath%>img-1.jpg" style="display: block;">
        <!-- image 2 -->
        <img alt="" src="<%=imagePath%>img-2.jpg" class="" style="display: none;">
        <!-- image 3 -->
        <img alt="" src="<%=imagePath%>img-3.jpg" class="" style="display: none;">
        <!-- image 4 -->
        <img alt="" src="<%=imagePath%>img-4.jpg" class="" style="display: none;">
    </div>
    <div class="barousel_content" style="height: 119px; display: block;">
        <!-- content 1 -->
        <div class="default" style="display: block;">标题 1
        </div>
        <!-- content 2 -->
        <div style="display: none;">标题 2</div>
        <!-- content 3 -->
        <div style="display: none;">标题 3</div>
        <!-- content 4 -->
        <div style="display: none;">标题 4</div>
    </div>
    <div class="barousel_nav"></div>
</div>
<div class="content">
	<div class="left-side">
        <div class="information">
            <h4 class="title">健康资讯</h4>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝降压的春季良蔬保肝降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝保肝降压的春季良蔬降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
            <dl>
                <dt><img src="<%=imagePath%>img-1.gif" /></dt>
                <dd>
                    <h5>亚健康</h5>
                    <a href="#">保肝降压的春季良蔬—芹菜</a>
                    <a href="#">春季一杯佛手茶—疏肝解郁</a>
                    <a href="#">亚健康状态的中医调养原则</a> 
                    <a href="#">亚健康状态的中医调养原则</a> 
                </dd>
            </dl>
        </div>
        <!--div class="list">
            <h4 class="title">健康保健</h4>
            <ul>
            	<li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
                <li><a href="#">健康饮食</a>(20)</li>
            </ul>
        </div-->
     </div>
     <div class="test">
        <h4>健康测评</h4>
        <ul>
        	<li class="test-1"><a target="_blank" href="<%=basePath%>ha/eva/loadevaContent.do?evatype=ha/fdts/loadFdtsIndex.do" title="五维两步中医健康状态评估">健康状态评估</a></li>
            <li class="test-2"><a target="_blank" href="<%=basePath%>ha/eva/loadevaContent.do?evatype=ha/phy/loadPhyIndex.do"  title="中医体质测评">中医体质测评</a></li>
            <li class="test-3"><a href="#" title="中医症状测评">中医症状测评</a></li>
            <li class="test-4"><a href="#" title="生活方式测评">生活方式测评</a></li>
            <li class="test-5"><a href="#" title="个人及家族疾病史">病史信息测评</a></li>
            <li class="test-6"><a href="#" title="体检信息测评">体检信息测评</a></li>
            <li class="test-7"><a href="#" title="">XXXXXX测评</a></li>
            <li class="test-8"><a href="#" title="">XXXXXX测评</a></li> 
             
        </ul>
    </div>
</div>
<div class="footer">
	<div>
    	<a href="#">联系我们</a>|
        <a href="#">关于我们</a>| 
        <p>中国中医科学院临床养生保健研究室</p>
    </div>
</div>	 
</body>
</html>